<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接</title>
</head>
<body>
<a href="p5.html">p5</a>
<!--_self刷新当前页，_blank打开一个新的空白页-->
<a href="https://www.bilibili.com" target="_self">bilibili</a>
<a href="https://www.bilibili.com" target="_blank">bilibili</a>
<a href="https://bilibili.com"><img src="2.jpg" alt="bilibili" title="bilibili" width="200px"></a>
<hr>
<a href="#1">第一章</a>
<a href="#2">第二章</a>
<a href="#3">第三章</a>

<h3 id="1">第一章</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci aspernatur consequuntur cumque dignissimos enim,
    est eum iste, laboriosam neque nihil officia quas quasi quos repellat rerum tempore totam vel voluptas.</p>
<p>Facere quos, vitae. Ab ad, assumenda beatae commodi cum cumque dicta dolorum et iste magni, minima minus obcaecati
    odio possimus quibusdam tempore voluptate. Consequuntur distinctio nisi nulla sequi tenetur! Sint.</p>
<p>At dolore, doloremque expedita impedit incidunt modi quasi qui quibusdam rem ullam. Commodi dolores est ex fugit
    inventore molestias nobis nulla odio praesentium quae quam quas qui quo sunt, ullam.</p>
<p>A dolorum, eius eveniet illo ipsa ipsum minima perferendis porro, quae quo tenetur vero! Alias aliquid eaque earum ex
    facere harum illo libero obcaecati omnis? Aliquam amet ipsa non quae.</p>
<p>Accusamus consectetur cum dolor eos facere fuga fugit illum in inventore laudantium maxime minima nam nemo non, quae
    quo sint suscipit veniam veritatis voluptatibus. Adipisci animi cum dicta earum minima?</p>
<p>Animi aperiam consequuntur cumque distinctio, dolorem eos impedit, inventore iure maiores, molestias nostrum optio
    quos recusandae tempora tenetur. Atque aut fuga harum incidunt obcaecati repudiandae voluptatum. Iste nesciunt,
    obcaecati! Tempora.</p>
<p>Accusamus assumenda aut cum dolor, dolores exercitationem impedit labore laborum magnam modi molestias natus nulla
    obcaecati pariatur porro possimus sapiente sunt. Ad modi quidem ratione voluptas voluptatem! Enim facere, porro.</p>
<p>Ad corporis cum cumque deleniti distinctio dolor earum impedit, iste itaque, officiis praesentium quas sunt suscipit,
    tempora ullam vero voluptate! Accusamus at consequatur eligendi excepturi, ipsum nobis non reiciendis. Deserunt?</p>
<p>Ad aliquam atque dignissimos dolores eaque esse eveniet exercitationem facere, facilis fuga in iste natus neque nisi
    nobis numquam perferendis quibusdam saepe sit sunt suscipit tempore tenetur voluptatem voluptates voluptatibus?</p>
<p>Aliquid cum deserunt, esse excepturi illo ipsam libero minima nostrum, odio officiis perferendis recusandae
    reprehenderit repudiandae sit vel! Adipisci ducimus excepturi impedit ipsa magnam nihil, recusandae reiciendis rerum
    sint tempora.</p>
<p>Dolores earum fugit magni nemo repellendus? Aliquam asperiores corporis error totam. Alias aliquam distinctio,
    exercitationem explicabo, fuga laboriosam magni maxime molestias nemo non, officiis omnis quas totam? Doloremque,
    eligendi, omnis?</p>
<p>Architecto blanditiis doloremque itaque maiores perferendis similique sit. Animi atque, dolorem eaque esse est fugiat
    hic illum, magnam maiores minus necessitatibus neque nulla omnis optio quasi quidem reprehenderit! Sunt,
    voluptatibus.</p>
<p>Consequuntur, debitis delectus, eligendi exercitationem illo laborum libero magnam natus nesciunt, nihil officiis
    perferendis repudiandae. Consectetur dolor, ipsam nam officiis ullam velit vero. Cupiditate, dolore earum nam
    nesciunt officiis sed!</p>
<p>Asperiores blanditiis debitis dicta dolorem enim harum iste maxime molestias nobis, non, odit saepe sapiente, tempore
    vel voluptate voluptates voluptatibus? Architecto aut blanditiis eum nulla odit pariatur quam, unde vero.</p>
<p>Accusamus alias assumenda commodi consectetur consequuntur culpa debitis deleniti doloremque eum ex excepturi
    expedita facere illo, iste maxime, mollitia obcaecati placeat provident quas quasi, quis recusandae sequi totam.
    Vitae, voluptatibus?</p>
<p>Animi, ducimus eos esse expedita iste iusto labore necessitatibus neque officiis quia tenetur, vitae, voluptas. Animi
    atque deserunt et illum laudantium natus quis quisquam reiciendis, repellendus sit, tempore voluptas
    voluptatibus.</p>
<p>Adipisci aperiam dolores error fugit ipsum, maiores nesciunt pariatur quaerat repellat saepe sint tempore veritatis
    voluptas. Consequuntur error labore neque porro quasi? Ad distinctio, eos laborum libero minima praesentium
    provident?</p>
<p>Beatae cupiditate eveniet fugit magni obcaecati? Ab accusantium alias animi aperiam at autem dolore ea error
    excepturi id laborum nisi, optio pariatur perferendis, praesentium similique veniam, veritatis vero voluptates
    voluptatibus.</p>
<p>Accusamus amet dolore fuga harum itaque laborum, nemo non quae, quod, tenetur voluptates voluptatum. Aliquid
    assumenda consectetur deleniti dolorem eligendi error excepturi labore, maxime, modi officia officiis provident
    sapiente sit.</p>
<p>A cumque, deserunt dolore et, inventore laudantium magnam maxime modi officiis perspiciatis praesentium quibusdam
    reiciendis totam velit voluptas? Cum deserunt error facere, iusto maiores neque non rem sit temporibus velit.</p>
<p>Accusamus aliquid, aperiam asperiores consequuntur ducimus eligendi error eveniet facere ipsam laboriosam libero
    maiores nesciunt non officiis possimus quia quisquam reiciendis repellat repellendus sed temporibus tenetur ullam
    velit vitae voluptatibus.</p>
<p>Accusantium animi aut consectetur debitis dolorem eveniet fugit quasi quis, quo sapiente ut voluptatibus. Eligendi,
    et nemo? Ad harum saepe sit? Aliquid aut cupiditate dolor esse id labore molestiae quia.</p>
<p>At consequuntur expedita fuga, laudantium necessitatibus nisi quis sit vero? Ad assumenda deleniti dolorum ex nemo
    nobis non quia sunt ullam voluptatem. Atque impedit incidunt laudantium neque nisi optio quaerat!</p>
<p>Cupiditate, doloribus dolorum ea eius eligendi error praesentium vel. Ab amet dicta exercitationem facere libero,
    porro quasi qui soluta ullam vero. Exercitationem fugit nobis saepe tenetur? Debitis, omnis rerum. Explicabo.</p>
<p>Ad distinctio dolores, eos facere magni modi molestias necessitatibus provident quis quod ratione rem reprehenderit
    sed sit, sunt, ut voluptates. Ab assumenda culpa cumque ducimus, nam quaerat soluta veritatis voluptates.</p>
<p>Accusamus accusantium amet asperiores cumque cupiditate deserunt dolor eos, harum inventore itaque maxime praesentium
    quam quas quo quos rem, repudiandae sed totam voluptate voluptates? Accusantium corporis id laborum! Cumque,
    veritatis.</p>
<p>Ad, commodi doloremque nostrum optio similique voluptatibus? Atque deserunt dolore dolorum eius eligendi laboriosam
    magnam maiores numquam quas temporibus ullam, veritatis. Aut culpa, deleniti praesentium quam sit totam ullam
    voluptatum?</p>
<p>Adipisci assumenda atque beatae deserunt dicta doloribus dolorum eius esse, eum fuga fugit inventore magnam maiores
    natus necessitatibus, nemo nihil odio omnis ratione reiciendis rerum, similique tempore tenetur vero voluptas.</p>
<p>A cupiditate fugit illum inventore similique. Autem eum itaque labore magnam nam obcaecati praesentium suscipit
    voluptas voluptatem. Ducimus fugit mollitia, necessitatibus nobis odit perspiciatis repudiandae. A ducimus harum
    possimus praesentium?</p>
<p>Alias, consectetur corporis cum et ex facere incidunt nam nemo nobis nostrum omnis placeat porro quam quidem quis?
    Accusantium aliquam asperiores doloremque ea illo quam quibusdam quo rem tempore voluptates.</p>

<h3 id="2">第二章</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium alias aliquam aperiam cupiditate eaque expedita
    id impedit in, ipsa ipsum laborum laudantium quae, qui repellendus sint tempora velit voluptate, voluptatem.</p>
<p>Dolor excepturi repudiandae tempora! Beatae blanditiis culpa dolore dolores enim fugiat minima nam pariatur ut. Amet
    delectus dolore esse excepturi minus molestiae natus quas rem sunt tempore. Corporis, distinctio, ipsa?</p>
<p>Deserunt eligendi fuga nemo quae quam quia quo? Accusantium blanditiis eveniet fuga fugiat incidunt modi molestiae
    nesciunt nisi omnis placeat quam quod, suscipit ullam. Ad adipisci assumenda dolorem fugiat quas.</p>
<p>Eaque eius expedita fugit ipsa, ipsum molestias qui. Amet blanditiis consequatur doloremque exercitationem facere
    facilis incidunt ipsum iste laborum nesciunt obcaecati officia omnis placeat, possimus praesentium quam quibusdam
    rerum saepe?</p>
<p>Adipisci aliquam corporis debitis dolore, doloremque doloribus eveniet explicabo molestiae quae qui reprehenderit sit
    tempora, unde velit voluptates. Harum itaque neque recusandae vero vitae? Explicabo magni maiores nam necessitatibus
    saepe.</p>
<p>Aliquam atque dolorem dolores eius et fuga impedit incidunt libero neque nesciunt nihil, nobis non odit officiis
    pariatur quasi quibusdam quis, recusandae reprehenderit, suscipit tempore unde ut veritatis vero voluptatum.</p>
<p>Accusantium ad autem, blanditiis consectetur consequuntur deleniti dignissimos distinctio dolore eius eveniet hic
    illo, iusto minus, mollitia nam natus nesciunt numquam officia pariatur perferendis perspiciatis ratione sint ullam
    voluptates voluptatibus?</p>
<p>Cupiditate deleniti, exercitationem ipsum laudantium nihil quia voluptates? Culpa, cum deleniti eos ex laboriosam
    maiores nostrum pariatur. Aliquam cum debitis doloribus ea quis temporibus! Accusamus incidunt labore reiciendis
    velit veritatis!</p>
<p>Architecto, atque blanditiis, debitis delectus deleniti dicta dolores explicabo ipsa laudantium minus molestias neque
    nulla praesentium, qui sapiente soluta sunt voluptate! Aliquid aspernatur consequuntur ea facere officia perferendis
    totam vel.</p>
<p>Aliquid consequatur dignissimos dolore, ea earum eligendi enim, eos fuga hic impedit in labore minima neque nobis
    numquam optio qui rem similique unde voluptas. Aperiam magnam molestiae obcaecati rem veniam!</p>
<p>Aliquid architecto cum dignissimos dolorum ducimus eius eligendi, error et impedit in nobis non perferendis quibusdam
    quod recusandae reiciendis soluta tenetur vel velit, voluptatibus! Quidem, ut, velit. Alias, doloribus, nostrum?</p>
<p>Cupiditate dolor dolore doloribus libero maiores quam reiciendis, rem repellat rerum ullam? Aliquam, architecto autem
    corporis culpa, eveniet fugiat id in nam necessitatibus porro quibusdam quo quod, sed tempore vitae!</p>
<p>Aspernatur, eaque error illo ipsa itaque nihil perferendis suscipit vero! A delectus dicta, harum ipsa numquam omnis
    reiciendis repellendus vero. Esse hic, numquam? Aliquam aut ducimus esse temporibus ullam voluptatem?</p>
<p>A aliquam doloremque enim eveniet fuga iure natus quisquam ratione velit. Amet atque culpa debitis dignissimos
    obcaecati quaerat repellat, sint tempore! Adipisci aperiam consequatur consequuntur dicta iure omnis rem. Alias!</p>
<p>Dolore iure provident rerum. Aliquam beatae cum dignissimos doloremque facere illum itaque labore, laborum molestias
    officia, quasi quis ratione sed. Aperiam atque ipsum molestiae mollitia ratione reiciendis repellat repellendus
    vitae.</p>
<p>Aspernatur fugiat fugit, labore maiores mollitia neque optio placeat vitae! Aliquam aliquid deserunt dolore eius eum
    eveniet, expedita facilis harum illo iure libero magni placeat quaerat quam repellendus repudiandae veritatis.</p>
<p>Animi aperiam, consequuntur esse est eum explicabo fugiat id maiores neque nulla, numquam, quasi repudiandae totam.
    Earum eligendi excepturi fuga hic iusto maiores maxime nostrum numquam quam vero. Magnam, sapiente.</p>
<p>Accusamus aliquam blanditiis corporis distinctio doloremque ducimus est laudantium mollitia, rerum suscipit. Fugit
    harum id illum perferendis quos? Ex excepturi exercitationem facere nesciunt quasi quibusdam soluta tempora
    temporibus, veniam vero!</p>
<p>Architecto autem libero odio quasi sapiente! Aliquam aspernatur cumque debitis delectus enim illo incidunt laborum
    placeat similique voluptatibus. At deserunt est expedita necessitatibus nostrum numquam omnis provident repellendus
    saepe sit!</p>
<p>In, ratione, similique? Accusamus accusantium alias amet aperiam aspernatur consequuntur corporis dolor dolore
    doloribus facere fugit hic ipsam iste labore, maxime molestias nesciunt nisi optio quod repellendus sunt unde
    veniam?</p>
<p>Accusamus ad amet atque blanditiis culpa cupiditate deserunt facere ipsum nesciunt, nisi nobis repellendus ut? Ad
    aliquid, cupiditate doloremque earum, expedita magni natus nulla odio placeat quas sint sit, ullam?</p>
<p>Accusamus deleniti dolorum minima minus, nam quia velit? Aspernatur blanditiis consequatur cumque distinctio dolor
    earum est eum incidunt iste, labore mollitia nostrum perspiciatis quaerat quisquam rem repellendus similique ullam
    velit.</p>
<p>Accusantium ad assumenda autem commodi deleniti doloremque dolores doloribus error est fuga illo ipsam libero magni
    mollitia nemo odit possimus quae quam quia, quos repudiandae soluta temporibus unde voluptas voluptate!</p>
<p>Consectetur consequatur corporis dicta dignissimos dolor, doloribus dolorum eos, et fuga hic illum inventore ipsa
    iure maiores minima nostrum possimus quae quaerat qui quia rem sint tempore totam ullam voluptatum.</p>
<p>Atque dolore doloribus facere labore magni, minima minus nihil, officiis quibusdam reiciendis repellat soluta
    suscipit, tempore vel veritatis. Adipisci amet consequatur corporis, cum dolorum ex iste iure quaerat quasi
    repellat!</p>
<p>Accusantium animi cum molestias neque optio qui totam? A autem est et expedita fugit iste nemo pariatur quisquam
    recusandae sapiente. Eveniet iusto laboriosam laudantium non nulla omnis unde, vero? Nisi!</p>
<p>Accusamus adipisci at commodi cum delectus dolor dolorum eligendi, hic incidunt maiores nam quasi qui quod rerum sed
    tempora ut veniam veritatis vero vitae! Aperiam consectetur doloremque odit omnis sit!</p>
<p>Delectus distinctio dolorum ducimus eum numquam veniam voluptatum! Dignissimos, distinctio, laborum! Atque commodi
    dolore, dolorem expedita id incidunt laborum minus nihil nobis optio quam quasi quisquam recusandae reiciendis sequi
    voluptas!</p>
<p>Aperiam beatae consequatur cupiditate deleniti mollitia nobis non omnis repudiandae, ut! Eius fuga id impedit itaque
    labore minima quam, tenetur vitae? Ab adipisci cupiditate, explicabo labore nam tempora ut voluptates!</p>
<p>Beatae doloribus est inventore mollitia nobis officia quas quasi quia quibusdam ut. Animi commodi, corporis
    doloremque enim eos expedita id, illum libero magnam nihil nisi nostrum praesentium vel voluptatem voluptatibus.</p>

<h3 id="3">第三章</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa cupiditate dolor doloremque ea eaque error impedit
    ipsum iste maiores molestiae natus numquam optio praesentium quaerat quibusdam repellat, reprehenderit sed
    voluptas!</p>
<p>Aut doloribus earum maxime recusandae rerum. Eum magni obcaecati quis rem sunt? Animi at eum fugit id libero quia
    quibusdam sunt ut vitae. Alias autem, explicabo facilis modi nisi soluta?</p>
<p>Aliquam animi assumenda commodi cumque dicta distinctio dolor dolores dolorum eos est hic itaque necessitatibus neque
    nulla odit officiis, porro quaerat quia reiciendis sapiente sed similique sit, soluta ut vero?</p>
<p>Ab accusantium ad aut deleniti dignissimos dolor doloremque enim est, eum fuga inventore iste, maxime molestias nihil
    nisi quaerat recusandae rem reprehenderit sequi sint sit veritatis voluptates? Enim, facere rem.</p>
<p>Adipisci, animi aspernatur doloremque harum minima nostrum rerum unde? Fugit magni maxime modi nulla sint! Animi aut
    consequuntur deserunt dolores dolorum ea ex impedit minus numquam possimus, quas, repudiandae, voluptas.</p>
<p>A, accusamus aspernatur dolorem doloremque nam necessitatibus similique voluptatem? Accusamus, ad cum debitis
    deleniti dolore dolorem et expedita hic id ipsam nihil nisi optio, provident repellendus totam. Eligendi, inventore,
    omnis!</p>
<p>Accusamus beatae consectetur culpa cumque cupiditate eius exercitationem harum hic illo iure iusto magni molestias
    mollitia nihil nisi nulla numquam odio, praesentium rem saepe sunt tempore totam ut velit veniam!</p>
<p>Ab accusamus accusantium adipisci aut consectetur deleniti dolor est facere fugit harum, iure molestiae nam nihil
    nostrum repellendus sit velit veritatis. A doloremque ipsa minus necessitatibus nesciunt possimus sit voluptate.</p>
<p>Eveniet fugiat, itaque iusto nam saepe temporibus voluptate. Asperiores distinctio impedit itaque necessitatibus nemo
    nesciunt, officia quae quo repellat reprehenderit saepe suscipit vitae voluptates! Deleniti dolor ipsam quisquam
    vitae voluptatem.</p>
<p>A aliquid consequuntur culpa laborum magnam natus officiis possimus quaerat quis reprehenderit! Aliquam aperiam,
    corporis delectus dolorem eos libero maiores natus optio, sed, velit voluptatem voluptates. Deleniti dolores
    obcaecati veritatis.</p>
<p>Adipisci dolor doloribus excepturi fugiat in laudantium natus non quas, repellat similique. Ab, aliquid at autem
    beatae, corporis deleniti ea eius labore nesciunt placeat porro quod repellendus reprehenderit sapiente tenetur.</p>
<p>Cumque incidunt, ipsam odit perferendis qui repudiandae sapiente sed temporibus! Amet, architecto assumenda at, atque
    corporis deserunt doloribus eos et excepturi iste mollitia nisi nostrum quam quis quod sunt, ut.</p>
<p>A consequatur dicta nesciunt perferendis quo rerum, sapiente voluptate voluptatem. Accusantium, blanditiis corporis
    cum dolore dolorem doloremque incidunt iure, labore nesciunt placeat praesentium provident quas quidem ratione
    soluta tempore ut.</p>
<p>Earum est et, magnam maiores obcaecati quaerat reprehenderit. Illo, ipsam unde? Reprehenderit totam ut voluptatibus.
    Amet at consequatur cum fugit iure laboriosam nam non odio officia reprehenderit rerum, soluta suscipit.</p>
<p>Architecto assumenda cupiditate eligendi et eveniet molestias obcaecati placeat similique sit totam. Dolor ducimus,
    explicabo id illum ipsa laboriosam nulla praesentium quae quis recusandae repudiandae, sed, temporibus unde
    voluptatem voluptatibus!</p>
<p>Aliquid asperiores atque dolores, eligendi enim est hic ipsam obcaecati odit officiis perferendis possimus quos
    reprehenderit rerum voluptatum! Aliquam, consectetur dolorem ea eligendi facilis laudantium magni molestiae ratione
    ullam voluptatibus?</p>
<p>Aliquid animi aperiam atque blanditiis consectetur cumque distinctio doloribus ea fugit hic illo molestias odio
    officia pariatur quia quidem quis quod reiciendis rerum sequi soluta sunt totam vel vero, voluptates!</p>
<p>At cum debitis eaque enim illum magni, minus, non quaerat quam quibusdam repellendus rerum velit! Ad consequuntur,
    delectus doloribus dolorum eligendi fugit harum ipsa magni officia quam qui unde voluptates.</p>
<p>Autem beatae, cum distinctio error et facere illo magni, nesciunt numquam officia sequi, sit vel. Accusamus,
    dignissimos fugit ipsum officia quis rem sed soluta. Aspernatur assumenda eaque expedita inventore quo.</p>
<p>Adipisci, in quibusdam! Ab accusamus adipisci alias aliquam asperiores beatae, dolorem dolorum ducimus ea eius eum,
    eveniet fugiat impedit incidunt inventore ipsa iste magnam officia quia quibusdam sequi tempora unde?</p>
<p>Architecto cumque doloribus ducimus est fugiat illum iusto nam numquam obcaecati quaerat quas quasi quo,
    reprehenderit sint tempore, ut voluptatibus? Aut autem consequatur consequuntur ducimus enim perspiciatis voluptate!
    Consectetur, temporibus?</p>
<p>Animi dignissimos eius explicabo illo libero qui sed sit suscipit! Alias animi architecto asperiores at autem
    delectus, ea eius explicabo fuga nobis optio quae quaerat quo, sit suscipit tempora voluptatibus?</p>
<p>Adipisci laboriosam molestias nobis praesentium voluptatum? Asperiores commodi deleniti dicta dignissimos eos
    exercitationem illum labore, maiores molestiae numquam quas rem repellat repudiandae sit soluta suscipit tempore
    temporibus tenetur unde veritatis.</p>
<p>Ab animi distinctio eius esse expedita fugit hic iste itaque magni modi mollitia odit quisquam repellendus
    repudiandae sint, ut, voluptatum! Corporis deserunt ea enim excepturi natus pariatur, repellendus repudiandae
    voluptas?</p>
<p>A accusamus at autem deserunt eius esse eveniet excepturi exercitationem incidunt itaque iure, laborum laudantium
    libero magnam minima nemo nihil obcaecati perferendis placeat provident quisquam repellat similique velit, vero
    voluptate.</p>
<p>Asperiores commodi cupiditate quibusdam, quisquam sequi vel veritatis voluptate? Aperiam at aut blanditiis deserunt
    dignissimos ducimus magni modi non optio placeat recusandae, rem temporibus, tenetur ullam voluptatem. Et quas,
    reprehenderit.</p>
<p>Dolor, illo, temporibus. Accusamus architecto blanditiis dicta dolor dolores illo in magni nam! Adipisci consectetur,
    consequuntur cumque dignissimos dolorem dolorum, illum itaque maiores minima obcaecati odio placeat repudiandae
    soluta tenetur.</p>
<p>Assumenda aut corporis dignissimos dolore dolorum eaque et maxime pariatur saepe tempore. Beatae blanditiis corporis
    dolorum ducimus enim esse fuga nemo omnis pariatur reiciendis sunt tempore totam unde, voluptate voluptatem.</p>
<p>Aliquid aperiam aut consectetur dolore doloremque dolores doloribus dolorum, eaque eius eligendi error expedita,
    facere fugit incidunt non odio porro quam qui quibusdam quod similique tempore totam vel vero voluptatem.</p>
<p>Amet commodi consectetur dolor iste praesentium quae veritatis, voluptas. Ab animi culpa deleniti exercitationem
    numquam, obcaecati odit quae quasi sapiente veniam. Accusantium architecto fuga odio quas, reiciendis vitae
    voluptate voluptates.</p>
<a href="#">回到顶部</a>
</body>
</html>